<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" href="css/api.css" />
		<link rel="stylesheet" href="css/font_style.css" />
		<link rel="stylesheet" href="css/zhou.css" />
		<link rel="stylesheet" href="css/shangchen.css" />
		<script type="text/javascript" src="js/jq.js"></script>
		<title></title>
		<script type="text/javascript">
			(function(window, document) {
				var _this = this;
				$(function() {
					setRootFs();
					$(window).resize(function(event) {
						setRootFs();
					});

					function setRootFs() {
						var vw = document.body.clientWidth;
						$('html').css("cssText", 'font-size:' + vw * 0.0555555555555556 + 'px!important;');
					}
				});
			}(window, document));
		</script>
	</head>

	<body>
		<header class="common_head-box">
			<div class="common_head">
				<img src="image/back.png" alt="" />
				<span>退款申请</span>
			</div>
		</header>
		<div class="ddxq_tk_main_box">
			<section class="wddd_section-box">
				<div class="wddd_prduct_box">
					<img src="image/wddd_prduct_1.png" alt="" />
					<div class="wddd_prdt_box">
						<h3>商品名写这里</h3>
						<h5>商品产品介绍方在这里</h5>
						<div class="wddd_pro_post">
							<span class="wdd_pro_numer">×1</span>
						</div>
					</div>
				</div>
			</section>
			<div class="wddd_yuanyiin">
				<span>退款/退货</span>
				<div class="wddd_font-xianz">
					请选择<img class="tksq_active_img" src="image/xggrzx_qianjin.png" alt="" />
				</div>
			</div>
			<div class="wddd_yuanyiin">
				<span>退款原因</span>
				<div class="wddd_font-xianz">
					请选择<img class="tksq_active_img" src="image/xggrzx_qianjin.png" alt="" />
				</div>
			</div>
			<div class="wddd_yuanyiin">
				<span>退款金额</span>
				<div class="wddd_font-xianz">
					<span>￥</span><span class="wddd_font-span">1380</span>
				</div>
				<input type="text" />
			</div>
			<div class="tksq_tksm_box">
				<span>退款说明 </span>
				<input type="text" placeholder="请写下您的宝贵的建议"/>
			</div>
		</div>
		<div class="ddxq_tjxq_btn_box">
			 <button class="ddxq_tjxq_btn">提交申请</button>
		</div>
		<!--遮罩层位置-->
		<div class="thsq_zzc_container">
			<div>
				<div class="tksq_thyy_box">
					<span>退货退款原因</span>
					<img src="image/error.png" alt="" />
				</div>
				<ul class="thdd_li_list">
					<li>
						<span>退货退款原因</span>
						<div><img class="" src="image/suc.png" alt="" /></div>
					</li>
					<li>
						<span> 不想要了     发票问题</span>
						<div><img class="" src="image/suc.png" alt="" /></div>
					</li>
					<li>
						<span>商品瑕疵／破损</span>
						<div><img class="tksq_active_img" src="image/suc.png" alt="" /></div>
					</li>
					<li>
						<span>货不对版</span>
						<div><img class="" src="image/suc.png" alt="" /></div>
					</li>
					<li>
						<span>发错货了</span>
						<div><img class="" src="image/suc.png" alt="" /></div>
					</li>
					<li>
						<span>少发货了</span>
						<div><img class="" src="image/suc.png" alt="" /></div>
					</li>
					<li>
						<span> 发票问题</span>
						<div><img class="" src="image/suc.png" alt="" /></div>
					</li>
				</ul>
				<button class="tksq_queren_btn">确定</button>
			</div>
			</div>
	</body>
</html>
